<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta name="hotcss" content="initial-dpr=1">
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <!--禁止uc浏览器判断到页面上文字居多时，自动放大字体。-->
    <meta name="wap-font-scale" content="no">
    <meta name="author" content="">
    <title>订单详情</title>
    <link rel="stylesheet" href="css/swiper-3.3.1.min.css"/>
    <link rel="stylesheet" href="css/css-reset.css"/>
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/swiper-3.3.1.min.js"></script>
    <script src="js/basic.js"></script>
</head>
<body style="background: #ededed;">


<!--头部-->
<header></header>

<div class="order-detail">
    <div class="wrap">
        <div class="order-detail-content">
            <div class="about-title">
                <h3>订单详情</h3>
            </div>

            <div class="od-state">
                <ul class="clearfix">
                    <li>订单编号：20171206548781901</li>
                    <li>当前状态：已付款</li>
                </ul>
            </div>

            <div class="od-follow">
                <div class="pay1-title">订单跟踪</div>
                <div class="od-follow-content clearfix">
                    <table>
                        <tr>
                            <th width="50%">处理时间</th>
                            <th width="50%">跟踪信息</th>
                        </tr>
                        <tr>
                            <td>2017-12-06 14:05:30</td>
                            <td>已付款，交易成功</td>
                        </tr>
                    </table>
                </div>
            </div>

            <div class="od-buyer">
                <div class="pay1-title">购买者信息</div>
                <div class="od-buyer-content">
                    <ul class="clearfix">
                        <li>购买人：杨阳洋</li>
                        <li>手机号码：15920466190</li>
                        <li>有效期： 2018-03-06 23:59:59</li>
                        <li>提货城市： 北京</li>
                    </ul>
                </div>
            </div>

            <div class="od-pro">
                <div class="pay1-title">商品信息</div>
                <div class="od-pro-content">
                    <div class="or-type clearfix">
                        <span style="width: 30%;">商品图片</span>
                        <span style="width: 42%;">商品名称</span>
                        <span style="width: 28%;">单价</span>
                    </div>
                    <div class="or-box">
                        <table class="or-box-table">
                            <tr>
                                <td width="30%">
                                    <div class="orb-img">
                                        <a href="product-detail.html"><img src="images/orb-img1.png" alt=""></a>
                                    </div>
                                </td>
                                <td width="42%">
                                    <a href="product-detail.html">
                                        <div class="orb-p">
                                            奔驰GLS450 18款 美版
                                            <br>
                                            买车城市:深圳
                                            <br>
                                            车身颜色:蓝色
                                            <br>
                                            购买方式:全款买车
                                        </div>
                                    </a>
                                </td>
                                <td width="28%">
                                    <div class="orb-price">￥1000.00</div>
                                </td>
                            </tr>
                        </table>
                        <div class="or-box-tip">
                            <span>数量：1</span><span>配送方式：到店自提</span>
                        </div>
                    </div>
                </div>


            </div>


            <div class="pay-pro-sum clearfix">
                <div class="pps-content">
                    <div class="pps-box clearfix">
                        <p class="pps-box-p1">商品总额：</p>
                        <p class="pps-box-p2">￥0.00</p>
                    </div>
                    <div class="pps-box clearfix">
                        <p class="pps-box-p1">订金（车）：</p>
                        <p class="pps-box-p2">￥1000.00</p>
                    </div>
                    <div class="pps-box clearfix">
                        <p class="pps-box-p1">尾款金额（车）：</p>
                        <p class="pps-box-p2">￥-1000.00</p>
                    </div>
                </div>
            </div>

        </div>

    </div>

</div>



<!--底部-->
<footer></footer>




</body>
</html>